﻿<!doctype HTML>

<html>

<head>

    <title>Wextr</title>
    <link rel="shortcut icon" href="bilder/thumbnail.png"/>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/about.css" />
    
</head>


<body>

<!--START NAVIGATION FROM LEFT -->
    
    <nav class="main-nav" id="main-nav"></nav>

<!--END NAVIGATION FROM LEFT -->

<!--START ACCOUNT LOGIN FROM RIGHT -->
    
    <div id="loginContainer"></div>

<!--END ACCOUNT LOGIN FROM RIGHT -->

<!--START HEADER -->

    <div id="header">
        <div id="header-box-nav">
            <a href="#main-nav" class="open-menu">
                <img src="bilder/menu-alt-48.png" onmouseover="this.src='bilder/menu-alt-48-blue.png'" onmouseout="this.src='bilder/menu-alt-48.png'">
            </a>
        </div>
        <div id="loginBox">
        <a href="#account-login-main-nav" class="open-menu">
            <div id="account-login-header-box-nav">        
                LOG IN  
            </div>
        </a>
        </div>
    </div>

<!--END HEADER -->

<!--START PAGE-CONTENT -->

     <div id="slideshow-wrap">
        <input type="radio" id="button-1" name="controls" checked="checked"/>
        <label for="button-1"></label>
        <input type="radio" id="button-2" name="controls"/>
        <label for="button-2"></label>
        <input type="radio" id="button-3" name="controls"/>
        <label for="button-3"></label>
     
        <div id="slideshow-inner">
		
            <ul>
                <li id="slide1">
                    <div class="wrap">
                        
                    </div>
                </li>
                
                <li id="slide2">
                    <div class="wrap">
                       <div class="divider">
				<span class="divider">
                                    About Wextr
				</span>
			</div>
                        
                        <p class="about">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>

                        
                        
                        
                        <div class="divider">
				<span class="divider">
                                    OUR TEAM
				</span>
			</div>
                        
                        <div class="profile-container">
                            <div class="profile-circle" id="profile-circle-blue"></div>
                      
                            <h3>Fredrik Åkerman</h3>
                            <h5 class="position">Co-Founder | Designer</h5>
                            </br>
                            <p class="profile">Lorem ipsum sadfakjslkjdf lfl sadf asd fasd sadfa sdf asdfasd fasd f asdf asdf asf as df asd.</p>
                        </div>
                        
                        <div class="profile-container">
                            <div class="profile-circle" id="profile-circle-red"></div>
                            <h3>Carl Wiggman</h3>
                            <h5 class="position">Co-Founder | Developer</h5>
                            </br>
                            <p class="profile">Lorem ipsum sadfakjslkjdf lfl sadf asd fasd sadfa sdf asdfasd fasd f asdf asdf asf as df asd.</p>
                        </div>
                        
                        <div class="profile-container">
                            <div class="profile-circle" id="profile-circle-green"></div>
                            <h3>Rikard Franksson</h3>
                            <h5 class="position">Co-Founder | Developer</h5>
                            </br>
                            <p class="profile">Lorem ipsum sadfakjslkjdf lfl sadf asd fasd sadfa sdf asdfasd fasd f asdf asdf asf as df asd.</p>
                        </div>
                        
                        <div class="profile-container">
                            <div class="profile-circle" id="profile-circle-orange"></div>
                            <h3>Hugo Wiggman</h3>
                            <h5 class="position">Co-Founder | Photoshop</h5>
                            </br>
                            <p class="profile">Lorem ipsum sadfakjslkjdf lfl sadf asd fasd sadfa sdf asdfasd fasd f asdf asdf asf as df asd.</p>
                        </div>
                        
                    
                        
                    </div>
                    
                    <div id="social-media">
                                                <a href="#"><img src="http://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_circle_gray-48.png"onmouseover="this.src='http://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_circle_color-48.png'" onmouseout="this.src='http://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_circle_gray-48.png'" border="0"></a> 
<img src="http://cdn3.iconfinder.com/data/icons/free-social-icons/67/twitter_circle_gray-48.png"onmouseover="this.src='http://cdn3.iconfinder.com/data/icons/free-social-icons/67/twitter_circle_color-48.png'" onmouseout="this.src='http://cdn3.iconfinder.com/data/icons/free-social-icons/67/twitter_circle_gray-48.png'" border="0"> 
<img src="http://cdn3.iconfinder.com/data/icons/free-social-icons/67/youtube_circle_gray-48.png"onmouseover="this.src='http://cdn3.iconfinder.com/data/icons/free-social-icons/67/youtube_circle_color-48.png'" onmouseout="this.src='http://cdn3.iconfinder.com/data/icons/free-social-icons/67/youtube_circle_gray-48.png'" border="0"> 
                    </div>
                </li>
                
		<li id="slide3">
		
                </li>
            </ul>
				 
        </div>



<!--END PAGE-CONTENT -->


</body>

</html>

